﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Kiem tra Form voi jQuery validate</title>
	<link type="text/css" href="style.css" rel="stylesheet">
	<script type="text/javascript" src="Script/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="Script/jquery.validate.min.js"></script>
	<script type="text/javascript" src="localization/messages_vi.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$("#dk").validate({
				errorElement: "span", //Thành phần HTML hiện thông báo lỗi
				//Sử dụng tùy chọn rules cho những validate không hỗ trợ bởi class name
				rules: {
					cpassword: {
						equalTo: "#password" //So sánh với trường cpassword với thành trường có id là password
					},
					min_field: { min: 5 }, //Giá trị tối thiểu
					max_field: { max : 10 }, //Giá trị tối đa
					range_field: { range: [4,10] }, //Giá trị trong khoảng từ 4 - 10
					rangelength_field: { rangelength: [4,10] } //Chiều dài chuỗi trong khoảng từ 4 - 10 ký tự
				}
				
			});
		});
		
		
	</script>
	<script>
	function gt()
		{
			if(document.getElementById("gt_nu").checked)
			{
				document.getElementById("gt_nam").checked=false
				document.getElementById("hiddengt").value=1
			}
			else 
			{
				document.getElementById("gt_nam").checked=true
				document.getElementById("hiddengt").value = 0
			}
		}
	
	function gt2()
	{
			if(document.getElementById("gt_nam").checked)
			{
				document.getElementById("hiddengt").value = 0
				document.getElementById("gt_nu").checked=false
			}
			else 
			{
				document.getElementById("gt_nu").checked=true
				document.getElementById("hiddengt").value=1
			}
	}
	
	function ktdodai()
	{
		var x = document.getElementById("username").value;
		if(x.length>5)
			ktdangnhap();
		else
		{
			document.getElementById("ktdn").innerHTML = "Phải có 6 ký tự trở lên .";
			document.getElementById("submit").disabled=true;
		}
	}
	
	function ktdangnhap()
	{
		var ten=document.getElementById("username").value;
		if(ten.length>5)
		{
		var y = false;
		var x = 
			<?php
				include("connectDB.php");
				$sql = mysql_query("select id from dangnhap");
				echo '[';
				$result = mysql_fetch_array($sql);
				echo '"'.$result[0].'"';
				while($result = mysql_fetch_array($sql))
				{
					echo ',';
					echo '"'.$result[0].'"';
				}
				echo ']';
			?>;
		for(var i = 0 ; i < x.length ; i++)
			if(ten==x[i])
				y=true;
		if(y)
			document.getElementById("ktdn").innerHTML="Tên đăng nhập đã tồn tại .";
		else 
			document.getElementById("ktdn").innerHTML="Tên đăng nhập có thể sử dụng .";
		}
		else document.getElementById("ktdn").innerHTML = "";
	}
	
	</script>
</head>
<body>
<div id="container">
	<form id="dk" method="post" action="xulydangky.php" enctype="multipart/form-data" class="contact-form" >
		<center><h1>Nhập thông tin đăng ký</h1></center>
		
				Tên đăng nhập : 
				<input class="required" minlength="6" onchange="ktdangnhap()" id="username" name="username" type="text" tabindex="1"/><span id="ktdn"> * </span><br>
			
				Mật khẩu :
				<input class="required" minlength="6" id="password" name="password" type="password" class="text" tabindex="2" /><span class="rq"> * </span><br>
		
				Nhập lại mật khẩu :
				<input class="required" name="cpassword" type="password" class="text" tabindex="3" /><span class="rq"> * </span><br>
				
				Họ :
				<input class="required" id="ho" name="ho" type="text" class="text" tabindex="4"/><span class="rq"> * </span><br>
				
				Tên lót :
				<input class="required" id="tenlot" name="tenlot" type="text" class="text" tabindex="5"/><span class="rq"> * </span><br>
				
				Tên :
				<input class="required" id="ten" name="ten" type="text" class="text" tabindex="6"/><span class="rq"> * </span><br>
				
				Địa chỉ email :
				<input class="required email" id="email" name="email" type="text" class="text" tabindex="7" /><span class="rq"> * </span><br>
				
				Số điện thoại :
				<input id="mobi" class="digits" maxlength="12" name="sdt" type="text" class="text" tabindex="8" /><br>
				
				Giới tính : Nam <input type="checkbox" tabindex="9" name="gt[]" id="gt_nam" onClick="gt2()" checked="checked"> 
							Nữ <input type="checkbox" onClick="gt()" tabindex="10" name="gt[]" id="gt_nu"><br>
								<input type="hidden" name="hiddengt" id="hiddengt" value="0"><br>
				Hình ảnh xác nhận : <img src="captcha.php"/><br>
				Mã xác nhận :<input class="required" type="text" name="txtCaptcha" maxlength="10" tabindex="11"/><span class="rq"> * </span><br>
				
		
				<input name="send" class="btTxt submit" type="submit" value="Đăng ký" id="submit" />
	</form>
</div>
</body>
</html>